<template >
	    <el-container>
	        <!-- 头部区域 -->
	         <el-header>
	             <div class="header_left">
	             <img src="../assets/img/logo.jpg" alt="">
	             <span>思学教育</span>
	             <div>
	             	<!--直播课堂-->
	             	<el-dropdown>
					  <span class="el-dropdown-link">
					    直播课堂
					  </span>
					  <el-dropdown-menu slot="dropdown">
					    <el-dropdown-item>
					    	<h6>热门图书</h6>
					    	<p>
					    		<el-link href="https://element.eleme.io" target="_blank">默认链接</el-link>
					    		<router-link to="/Ind1">公务员</router-link>
					    		<i>&nbsp;</i>
					    		<el-link href="https://element.eleme.io" target="_blank">默认链接</el-link>
					    		<i>&nbsp;</i>
					    		<el-link href="https://element.eleme.io" target="_blank">默认链接</el-link>
					    		<i>&nbsp;</i>
					    		<el-link href="https://element.eleme.io" target="_blank">默认链接</el-link>
					    	</p>
					    </el-dropdown-item>
					  </el-dropdown-menu>
					</el-dropdown>
					<!--网课教程-->
					<el-dropdown>
					  <span class="el-dropdown-link">
					    网课教程
					  </span>
					  <el-dropdown-menu slot="dropdown">
					    <el-dropdown-item>
					    	热门课程
					    	<el-link type="primary">公务员</el-link>
					    	<i>&nbsp;</i>|
					    	<el-link type="primary">教师</el-link>
					    	<i>&nbsp;</i>|
					    	<el-link type="primary">国企</el-link>
					    	<i>&nbsp;</i>|
					    	<el-link type="primary">医疗</el-link>
					    	<i>&nbsp;</i>|
					    	<el-link type="primary">事业单位</el-link>
					    	<i>&nbsp;</i>|
					    	<el-link type="primary">金融</el-link>
					    	<i>&nbsp;</i>|
					    	<el-link type="primary">军队</el-link>
					    	<i>&nbsp;</i>|
					    	<el-link type="primary">社区</el-link>
					    </el-dropdown-item>
					    <el-dropdown-item>
					    	<ul>
					    		<li>
					    			<el-link href="#" target="_blank">2021全年时政资料包 常识1000题免费送</el-link>
					    		</li>
					    		<li>
					    			<el-link href="#" target="_blank">黑龙江特岗OAO协议班 12天12晚刷题冲锋</el-link>
					    		</li>
					    		<li>
					    			<el-link href="#" target="_blank">河南事考在职优享 23场讲练结合直播</el-link>
					    		</li>
					    		<li>
					    			<el-link href="#" target="_blank">教资作文热点讲练营 10场直播学至考前</el-link>
					    		</li>
					    		<li>
					    			<el-link href="#" target="_blank">2022国家公务员考试 行测速解大招精讲</el-link>
					    		</li>
					    	</ul>
					    </el-dropdown-item>
					  </el-dropdown-menu>
					</el-dropdown>
					<!--辅导图书-->
					<el-dropdown>
					  <span class="el-dropdown-link">
					    辅导图书
					  </span>
					  <el-dropdown-menu slot="dropdown">
					    <el-dropdown-item>
					    	热门推荐
					    	<el-link href="#" type="info">公务员</el-link>
					    	<el-link href="#" type="info">事业单位</el-link>
					    	<el-link href="#" type="info">教师招聘</el-link>
					    </el-dropdown-item>
					    <el-dropdown-item>
					    	<ul>
					    		<li>
					    			<span style="padding-right: 5px;">教师</span>
					    			<font style="padding-right: 5px;">06-07 19:30</font>
					    			<el-link href="#" target="_blank">浙江教师招聘面试系列直播课</el-link>
					    		</li>
					    		<li>
					    			<span style="padding-right: 5px;">教师</span>
					    			<font style="padding-right: 5px;">06-07 19:30</font>
					    			<el-link href="#" target="_blank">浙江教师招聘面试系列直播课</el-link>
					    		</li>
					    		<li>
					    			<span style="padding-right: 5px;">教师</span>
					    			<font style="padding-right: 5px;">06-07 19:30</font>
					    			<el-link href="#" target="_blank">浙江教师招聘面试系列直播课</el-link>
					    		</li>
					    	</ul>
					    </el-dropdown-item>
					  </el-dropdown-menu>
					</el-dropdown>
	             </div>
	             </div>
	             
	             <span>
	             	<el-button type="primary" @click="logout()">退出</el-button>
	             </span>
	         </el-header>
	         <div>
	         	<!-- 主体区 -->
	            <el-main>
	                <!-- 路由占位符 -->
	                <router-view></router-view>
	            </el-main>
	         </div>
	            
	            
	            
	            <el-footer style="position: relative;height: 220px;">
					 <div class="jy_footer_bdiv">
				      <div class="wrap">
				        <div class="jy_dbwl">
				          <!-- 公共_底部左侧_网站产品 -->
				          <div class="jy_dbwld jy_dbwld1">
				            <dl class="jy_wldl">
				              <dt>关于中公</dt>
				              <dd> <a href="//www.offcn.com/jy/xszn/" target="_blank">新手指南</a> <a
				                  href="//www.offcn.com/daohang/map/" target="_blank">网站地图</a> <a
				                  href="//www.offcn.com/about/jyjj.html" target="_blank">中公简介</a> <a
				                  href="//www.offcn.com/about/contact.html" target="_blank">各地中公</a> <a
				                  href="http://pay.offcn.com/" target="_blank">支付方式</a> <a href="//www.offcn.com/investors/"
				                  target="_blank">投资者关系</a> </dd>
				            </dl>
				          </div>
				          <div class="jy_dbwld jy_dbwld2">
				            <dl class="jy_wldl">
				              <dt>业务体系</dt>
				              <dd> <a href="http://www.51gouke.com/" target="_blank">面授辅导</a> <a href="http://www.eoffcn.com/"
				                  target="_blank">网校课程</a> <a href="//19.offcn.com/" target="_blank">直播课程</a> <a
				                  href="http://shenlun.offcn.com/" target="_blank">申论批改</a> <a href="http://cp.offcn.com/login"
				                  target="_blank">一对一辅导</a> <a href="http://www.ipku.com/index_detail.html?beidaoffcn"
				                  target="_blank">北大学堂</a></dd>
				            </dl>
				          </div>
				          <div class="jy_dbwld jy_dbwld2">
				            <dl class="jy_wldl">
				              <dt>网站产品</dt>
				              <dd> <a href="http://zw.offcn.com/" target="_blank">职位查询</a> <a href="//www.offcn.com/ksrl/"
				                  target="_blank">考试日历</a> <a href="http://pic.offcn.com/?wt.bd=jy66" target="_blank">照片调整</a> <a
				                  href="https://tiku.eoffcn.com/?wt.bd=jy34" target="_blank">在线题库</a> <a
				                  href="//www.offcn.com/jy/xmtjz/" target="_blank">新媒体矩阵</a></dd>
				            </dl>
				          </div>                   
				        </div>
				      </div>
				    </div>
				    <div class="jy_footer_bottomdiv">
						   Copyright&copy;1999-2021 北京中公教育科技有限公司 .All Rights Reserved <br />
						    <!-- 公共_底部_备案号 -->
						    违法和不良信息举报电话：010-83433000&nbsp;举报邮箱：offcn_wzxx@offcn.com<br />
						&nbsp;<br />
						全国统一报名专线：400-6300-999&nbsp;网校报名：400-900-8885&nbsp;图书订购：400-6509-705<br />
						<a target="_blank" href="https://beian.miit.gov.cn/" rel="nofollow">京ICP备10218183号-1</a> 
				    </div>
				  </div>
            </el-footer>
        </el-container>
</template>
<script>
export default {
	 data() {
      return {
        activeIndex2: '1'
      };
    },
    methods:{
    	logout(){
    		window.sessionStorage.clear();
    		this.$router.push('/login');
    	}
    }
}
</script>
<style  scoped>
.el-container{
    height: 100%;
}
.el-header,.el-footer{
	position:  relative;
    background-color: #373d37;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
}
.header_left{
    display: flex;
    align-items: center;
}
.header_left span{
    margin-left: 15px;
}
.el-aside{
    background-color: #333744;
    width: 200px;
    
}

.el-menu-item{
    background-color:#333744 ;
}
.el-main[data-v-23543608]{
	position: relative;
	height: 500px;
	width: 100%;
    background-color: #eaedf1;
    background-image: url(../assets/img/background.jpg);
}
img{
	width: 100px;
	height: 100px;
}
.el-dropdown-link {
    cursor: pointer;
    color: #fff;
  }
.el-dropdown{
	padding:0 25px;
}
.el-menu--horizontal>.el-submenu{
	display: block;
	float: right;
	margin-top: 0px;
}
.jy_dbwl{
	display: block;
	width: 1000px;
	margin: 0 auto;
}
.jy_footer_bdiv{
	width: 100%;
	height: 210px;
	font-size: 15px;
}
.jy_footer_bottomdiv{
	position: absolute;
	width: 100%;
	height: 100px;
	bottom: 0px;
	font-size: 15px;
	text-align: center;
}
.jy_dbwld{
	width: 300px;
	height: 45px;
	float: left;
	text-align: center;
}
</style>
    
